

body {
    font-family: arial, helvetica, sans-serif;
    font-size: 62.5%; /* Causes base font size to be ~10px */
    background-color: #a6c9e2;
    background-image:url('a_1920x1080.jpg');
}
/* Site wide styles */
label {
    
    width: 75px;
    font-weight: bold;
    display:block;
    float: left;
    line-height: 1.8em;
    text-align: left;
}
input[type=text], input[type=password], textarea {
    width: 15%;
    margin-left: 5%;
}

/* Login Page Styles */
#login #content {
    
    width: 85%;
    margin: 2%;
}
#login section {
    margin-left: 10%;
    font-size: 1.4em;
    width: 30%;
    position: relative;
    z-index: 1003;
    float: left;
}
#login section p {
    padding-bottom: 5%;
    
}
#login p.ui-state-error {
    padding: 1%;
    display: none;
}
#login header, #login section div.ui-widget-content {
    padding: 4%;

}
#login section form div {
    padding: 8px 0px;
    margin-top: 6%;
    
}
#login #btnLogin {
    margin-left: 30%;
}
#login .ui-widget-overlay {
    z-index: 1002;
    
}

/* todo styles */
#content {
    width: 400px;
    margin: auto;
    text-align: right;
    
}
section {
    text-align: left;
}


#password{
    background:white url(key.png) no-repeat scroll 4px 1px;
    padding-left:10%;
    width:55%;
}

#username{
    background:white url(user_tie.png) no-repeat scroll 1px 1px;
    padding-left:10%;
    width:55%;
}

#logo{
    margin-left: 5%;
    margin-bottom: 4%;
    opacity: 0.8;       
}

#gslogo{
    float: left;
}

